* {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
    box-sizing: border-box;
    box-sizing: -webkit-border-box;
    font-weight: normal;
}
@font-face{
    font-family:'new_text';
    src:url('../fonts/HarmonyOS_Sans_Medium.ttf');
}
@font-face{
    font-family:'new_text_bold';
    src:url('../fonts/HarmonyOS_Sans_Bold.ttf');
}
@font-face{
    font-family:'new_num';
    src:url('../fonts/QUESTRIAL-REGULAR.OTF');
}
a {
    text-decoration: none;
    color: #272727;
    font-size: 16px;
}
a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

li {
    list-style: none;
}

body {
    background: #fff;
    font-size: 16px;
}

button,
input {
    -webkit-appearance: none;
    border: none;
    outline: none;
}

i,
em {
    font-style: normal;
}

img {
    max-width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.mem_head .route_center {
    transform: translateY(-50%);
    top: 50%;
}

.dis_line {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.web_alert {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1000;
}

.align_right {
    text-align: right;
}

input::-webkit-input-placeholder {
    color: #ccc;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

h1 {
    font-weight: normal;
}

h2 {
    font-weight: normal;
}

h3 {
    font-weight: normal;
}

h4 {
    font-weight: normal;
}

h5 {
    font-weight: normal;
}

.y_login {
    background-image: linear-gradient(270deg, #7fc8bd 96.421356px, #1495be 343.842712px);
    background-size: 100% 100%;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.y_loginpo {
    background-image: linear-gradient(270deg, #7fc8bd 96.421356px, #1495be 343.842712px);
    background-size: 100% 100%;
    position: inherit;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.y_h1 {
    font-size: 24px;
    margin: 40px auto 33px;
    text-align: center;
    color: #fff;
}

.y_login1 {
    margin: 0px 22px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 1px #999;
}

.y_login2 {
    margin: 0px 25px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.y_login2 a:nth-child(1) {
    font-size: 15px;
    color: #1495be;
}

.y_login2 a:nth-child(2) {
    font-size: 15px;
    color: #999;
}

.y_login3 {
    margin: 0px auto;
}

.y_login3 form {
    margin: 0px 25px;
}

.y_login3 input:nth-child(1) {
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 37px auto 15px;
    font-size: 14px;
    line-height: 45px;
}

.y_login3 input:nth-child(2) {
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 45px;
}

.y_login3 button {
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    border-radius: 30px;
    margin: 25px auto 27px;
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    color: #fff;
    letter-spacing: 2px;
}
.y_register {
    margin: 0px auto;
}
.y_register form {
    margin: 0px 25px;
}

.y_register input{
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 37px auto 19px;
    font-size: 14px;
    line-height: 45px;
}
.y_register input:nth-child(3){
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto 19px;
    font-size: 14px;
    line-height: 45px;
}
.y_register input:nth-child(4){
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 45px;
}
.y_register1 input {
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 45px;
}
.y_register1{
    position: relative;
    margin-bottom: 20px;
}
.y_register1 button{
    background: transparent;
    font-size: 14px;
    color: #1495be;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0%,-50%);
}
.y_register2{
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    border-radius: 30px;
    margin: 25px auto 27px;
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    color: #fff;
    letter-spacing: 2px;
}
.y_register3{
    text-align: center;
    color: #000;
    font-size: 15px;
    padding-bottom: 36px;
}
.y_register3 span{
    color: #1495be;
}
.y_changepw{
    margin: 35px 22px 0px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 1px #999;
}
.y_changepw1 {
    margin: 0px auto;
}
.y_changepw1 form {
    margin: 0px 25px;
}
.y_changepw1 input:nth-child(1){
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 37px auto 15px;
    font-size: 14px;
    line-height: 45px;
}
.y_changepw1 input{
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto 15px;
    font-size: 14px;
    line-height: 45px;
}
.y_forgetpw{
    display: flex;
    justify-content:space-around;
    margin: 45px 23px 43px 23px;
}
.y_forgetpw img{
    width: 20px;
    height: 20px;
    margin-bottom: 12px;
}
.y_forgetpw div{
    text-align: center;
}
.y_forgetpw p{
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}

.y_forgetpw2{
    margin: 0px 25px;
    text-align: center;
}
.y_forgetpw2 input:nth-child(2){
    margin: 0px auto 15px;
}
.y_forgetpw3 img{
    width: 42px;
    height: 42px;
    margin: 52px auto 24px;
}
.y_forgetpw3 p{
    font-size: 18px;
    color: #333;
}
.y_forgetpw4{
    width: 50%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    border-radius: 30px;
    margin: 25px auto 64px;
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    color: #fff;
    letter-spacing: 2px;
}
.y_forgetpw5{
    position: relative;
}
.y_forgetpw5 input {
    width: 100%;
    padding: 0px 15px;
    height: 45px;
    background: #f5f5f5;
    border-radius: 30px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 45px;
}
.y_forgetpw5 button{
    background: transparent;
    font-size: 14px;
    color: #1495be;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0%,-50%);
}
.y_personal{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 26px;
}
.y_personal p{
    font-size: 21px;
    color: #fff;
    margin-top: 18px;
}
.y_personal img{
    width: 60px;
    height: 60px;
}

.y_personal3{
    position: absolute;
    right: 10px;
    top: 25px;
}
.y_newmail{
    right: 33%;
    top: 2%;
}
.y_personal3 img{
     width: 19px;
     height: 14px;
     position: relative;
     right: 42px;
     top: 14px;
}
.y_personal3 p{
    background: #fff;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 5px 2px 7px;
    color: #1495be;
    font-size: 12px;
}
.y_personal2{
    padding: 0px 15px;
    margin: 0 auto;
}
.y_personal4{
    background: #fff;
    border-radius: 20px;
}
.y_personal5{
    display: flex;
    justify-content:flex-start;
    padding: 24px 0px 0px 12px;
}
.y_personal6 {
    margin-right: 12px;
}
.y_personal6 img{
    width: 27px;
    height: 24px;
}
.y_personal7{
    display: flex;
    width: 100%;
    justify-content:space-between;
    border-bottom: 1px solid #ededec;
    padding-bottom: 24px;
}
.y_personal7 p{
    font-size: 14px;
    color: #3c3d3d;
}
.y_personal7 img{
     width: 6px;
     height: 10px;
     margin-top: 5px;
     margin-right: 15px;
}
.y_personal7:nth-last-of-type(1){
    border-bottom: 0px;
}
.y_personal8{ 
    display: flex;
    justify-content:space-around; 
    position: fixed;
    bottom: 0px;
    background: #fff;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 7px;
}
.y_personal9{
    text-align: center;
}
.y_personal9 img{
    width: 22px;
    height: 21px;
}
.y_personal9 p{
    font-size: 11px;
    color: #aaa;
}
.y_personalon{
    color: #1495be !important;
}
.y_feedback{
    margin: 20px 12px 0px;
    background: #fff;
    border-radius: 20px;
}
.y_feedback2{
    padding: 20px 15px;
}
.y_feedback2 p{
    font-size: 15px;
    color: #252525;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden;
}
.y_feedback3{
    display: flex;
    justify-content:space-between;
    margin-top: 17px;
}
.y_feedback3 time{
    font-size: 12px;
    color: #b3b3b3;
    
}
.y_feedback4{
    display: flex;
    justify-content:flex-start;
}
.y_feedback4 p{
     font-size: 12px;
     color: #1495be;
     margin-right: 15px;
}
.y_feedback4 img{
    width: 15px;
    height: 14px;
}
.y_feedbackxq{
    margin: 0px 12px 20px;
    padding: 20px 20px 25px;
    background: #fff;
    border-radius: 20px;
}
.y_feedbackxq2{
    display: flex;
    justify-content:space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
}
.y_feedbackxq3 p{
    font-size: 13px;
    color: #666;
    line-height: 17px;
    letter-spacing: 1.7px;
    margin-top: 16px;
    margin-bottom: 20px;
}

.y_feedbackxq4{
    display: flex;
    justify-content: flex-start;
}
.y_feedbackxq4 p{
    font-size: 15px;
    color: #252525;
    margin-right: 12px;
}
.y_feedbackxq4 time{
    font-size: 12px;
    color: #b3b3b3;
    line-height: 21px;
}
.y_feedbackxq5 p{
    font-size: 12px;
    color: #1495be;
    line-height: 21px;
}
.y_feedbackxq6{
    padding-top: 20px;
}
.y_opinion{
    padding-top: 25px;
    margin: 0px 15px 20px 15px;
}
.y_opinion2{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 80px;
}
.y_opinion3{
    display: flex;
    justify-content:flex-start;
    border-bottom: 1px solid #ededed;
    padding:32px 0px 24px 0px;
    margin: 0px 30px 0px 20px;
}
.y_opinion3 p{
    font-size: 15px;
    color: #333;
    margin-right: 25px;
    width: 50px;
}
.y_opinion3 input{
    font-size: 15px;
    width: 150px;
}
.y_opinion4{
    margin: 32px 30px 0px 24px;
}
.y_opinion4 p{
    font-size: 15px;
    color: #333;
    margin-bottom: 23px;
}
.y_opinion4 textarea{
    width: 100%;
    border-radius: 20px;
    height: 120px;
    background: #f5f5f5;
    padding: 16px 18px;
    outline:none;	
    font-size: 12px;
}
.y_opinion5{
    margin: 32px 30px 0px 24px; 
}
.y_opinion5 p{
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #ededed;
    padding-bottom: 23px;
    font-weight: 600;
}
.y_opinion6{
    margin-top: 32px;
}
.y_promotion{
    padding: 30px 12px;
}
.y_promotion2 {
    text-align: center;
}
.y_promotion2 img{
    width: 90px;
    height: 90px;
}
.y_promotion3{
    text-align: center;
    margin-bottom: 13px;
}
.y_promotion3 p{
    display: inline-block;
    font-size: 12px;
    color:#fff;
}
.y_promotion3 img{
     width: 15px;
     height: 15px;
     position: relative;
     top: 3px;
}
.y_promotion4{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 2px 1px #ccc;
    display: flex;
    justify-content:space-around; 
    padding: 33px 15px;
    margin-top: 25px;
}
.y_promotion5{
    display: flex;
    justify-content: flex-start;
}
.y_promotion5 img{
    width: 27px;
    height: 27px;
    margin-right: 18px;
    margin-top: 8px;
}
.y_promotion6{
    width: 1px;
    height: 30px;
    background: #eee;
    position: relative;
    left: 11px;
    top: 6px;
}
.y_promotion7 p:nth-child(1){
    font-size: 14px;
    color: #272727;
    font-weight: 600;
    margin-bottom: 9px;
}
.y_promotion7 p:nth-child(2){
    font-size: 12px;
    color: #1495be;
}
.y_promotion8 img{
  width: 34px;
  height: 22px;   
}
.y_promotion9{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 2px 1px #ccc;
    padding: 24px 0px;
    margin-top: 25px;
}
.y_promotion10 {
    display: flex;
    justify-content:flex-start;
    padding: 0px 25px 20px;
    border-bottom: 1px solid #eee;
}
.y_promotion10 img{
    width: 3px;
    height: 15px;
    margin-right: 12px;
    margin-top: 3px;
}
.y_promotion10 p{
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.y_promotion11{
    display: flex;
    justify-content:flex-start;
    padding: 20px 25px 20px;
    border-bottom: 1px solid #eee;
}
.y_promotion11 img{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 10px;
}
.y_promotion11 p{
    line-height: 40px;
}
.y_promotion12{
    display: flex;
    justify-content:space-between; 
    width: 100%;
}
.y_promotion12 p:nth-child(1){
    font-size: 14px;
    color: #333;
}
.y_promotion12 p:nth-child(2){
    font-size: 12px;
    color: #aaa;   
}
.y_promotc{
    background: rgba(0, 0,0, 0.4) 100% 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
}
.y_promotc2{
    display: flex;
    justify-content:space-between; 
    padding: 23px 25px;
    border-bottom: 1px solid #eee;
}
.y_promotc2 img{
    width: 14px;
    height: 14px;
    margin-top: 4px;
}
.y_promotc3{
    display: flex;
    justify-content: flex-start;
}
.y_promotc3 img{
    width: 3px;
    height: 15px;
    margin-top: 4px;
    margin-right: 10px;
}
.y_promotc3 p{
    font-size: 16px;
    color: #333;
}
.y_promotc4{
    margin: 90px 25px 0px;
    background: #fff;
    border-radius: 20px;
}
.y_promotc5{
    margin: 25px auto;
    text-align: center;
}
.y_promotc5 img{
    width: 130px;
    height: 130px;
}
.y_promotc6 p{
    display: inline-block;
    position: absolute;
    top: 355px;
    left: 155px;
    width: 180px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.y_promotc7{
    margin: 0px 20px;
}
.y_notice{
    text-align: center;
}
.y_notice img{
    width: 60px;
    height: 60px;
    position: relative;
    top: 98px;
}
.y_notice2{
    background: #fff;
    border-radius: 20px;
    margin: 65px 12px 0px;
    padding: 65px 25px;
    font-size: 12px;
    line-height: 20px;
}
.y_notice2 p{
    text-align: left;
   
}
.y_notice2 p:nth-child(1){
    font-size: 17px;
    color: #1495be;
    font-weight: 900;
    margin-bottom: 25px;
    text-align: center;
}
/* .y_notice2 p:nth-child(2){
    font-size: 14px;
    color: #333;
    line-height: 2;
    text-align: left;
} */
.y_data{
    display: flex;
    justify-content: flex-start;
}
.y_data img{
    width: 37px;
    height: 30px;
    margin-right: 18px;
    margin-top: 8px;
}
.y_data2{
    display: flex;
    justify-content: flex-start;
}
.y_data2 img{
    width: 22px;
    height: 25px;
    margin-right: 18px;
    margin-top: 8px;
}
.y_data3{

}
.y_data3 p{
    font-size: 14px;
    color: #272727;
    font-weight: 600;
}
.y_data4 p {
    font-size: 14px;
    color: #1495be;
    display: inline-block;
    margin-right: 5px;
}
.y_data4 img{
    width: 60px;
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 0px;
}
.y_data5{
    margin-top: 15px;
}
.y_data5 img{
    width: 1px;
    height: 30px;
}
.y_data6{
    display: flex;
    justify-content:space-between;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
}
.y_data7{
    display: flex;
    justify-content:flex-start;
}
.y_data7 img{
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.y_data8{
    display: flex;
    justify-content: flex-start;
    height: 26px;
    margin-top: 7px;

}
.y_data8 p{
    font-size: 12px;
    color: #1495be;
    border: 1px solid #1495be;
    padding: 3px 12px 3px 15px;
    border-radius: 25px;
    margin-right: 13px;
}
.y_data8 img{
    width: 6px;
    height: 11px;
    margin-top: 7px;
}
.y_data10{
    display: flex;
    justify-content:flex-start;
}
.y_data10 p:nth-child(1){
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-right: 9px;
    margin-bottom: 7px;
}
.y_data10 p:nth-child(2){
    font-size: 14px;
    color: #1495be;
    font-weight: 600;
}
.y_data11{
    justify-content:flex-start;
}
.y_data11 p{
    font-size: 12px;
    color: #aaa;
    display: inline-block;
    margin-right: 5px;
}
.y_data11 img{
    width: 12px;
    height: 15px;
    border-radius: 0px;
}
.y_data12{
    width: 100%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 2px 1px #ccc;
    display: flex;
    justify-content: space-around;
    padding: 33px 15px;
}
.y_hzadd{
    margin:0px 22px 80px;
    background: #fff;
    border-radius: 20px;
}
.y_hzadd1{
    padding-top: 25px;
}
.y_hzadd2{
    width: 100%;
}
.y_hzadd3{
    margin: 0 10px;
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 25px;
    display: flex;
    justify-content:space-between;
}
.y_hzadd4 p{
    font-size: 15px;
    line-height: 49px;
    color: #3f3f3f;
}
.y_hzadd6{
    line-height: 49px;
}
.y_hzadd6 input{
    text-align: right;
    font-size: 15px;
}
.y_hzadd7{
    margin: 10px 15px;
}
.y_hzadd8{
    display: flex;
    justify-content: flex-start;
}
.y_hzadd9{
    display: flex;
    justify-content: flex-start;
    margin-right: 20px;
}
.y_hzadd9 p:nth-child(1){
    border-radius: 20px;
    border: 1px solid #000;
    width: 10px;
    height: 10px;
    margin-top: 20px;
    position: relative;
    right: 10px;
}
.y_hzadd9 img{
    width: 10px;
    height: 10px;
    margin-top: 20px;
    position: relative;
    right: 10px;
}
.y_hzadd9 p:nth-child(3){
    line-height: 49px;
    font-size: 15px;
    color: #929292;
    margin-left: 0px;
}
.y_hzadd10{
    margin-right: 0px;
}
.y_hzadd12{
    display: none;
}
.y_hzadd13{
    display: none;
}
.y_curricula{
    padding: 12px;
    margin-bottom: 70px;
}
.y_curricula2{
    padding: 0px;
}
.y_curricula2 img:nth-child(1){
    width: 16px;
    height: 16px;
    position: absolute;
    top: 21px;
    left: 25px;
}
.y_curricula3{
    display: flex;
    justify-content:space-between;
}
.y_mybar{
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 30px;
    padding: 10px;
}
.y_mybar a{
    color: #000;
    font-size: 14px;
}
.y_curricula3 input{
    font-size: 12px;
    color: #a1a1a1;
    height: 35px;
    line-height: 35px;
    width: 277px;
    border-radius: 20px;
    padding: 0px 20px 0px 44px;
}
.y_curricula3 img{
    width: 17px;
    height: 20px;
    margin-top: 7px;
}
.y_curricula3 button{
     font-size: 15px;
     color: #fff;
     line-height: 35px;
     background: transparent;
}
.y_curricula4{
    background: #fff;
    border-radius: 30px;
    margin-top: 20px;
    display: flex;
    justify-content:space-around;
}
.y_curricula5{
    text-align: center;

}
.y_curricula5 p:nth-child(1){
    font-size: 15px;
    color: #1495be;
   /* padding-bottom: 13px;
    margin-top: 18px; */
    line-height: 50px;
}
.y_curricula5 p:nth-child(2){
    width: 36px;
    height: 5px;
    background: #34a4be;
    border-radius: 5px;
    margin: 0 auto;
}
.y_curricula6 p{
    color: #000 !important;
}
.y_curricula7{
    width: 100%;
    margin-top: 20px;
}
.y_curricula7 img{
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.y_curricula8{
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -4px;
    padding: 18px 17px 20px 15px;
}
.y_curricula9{
    display: flex;
    justify-content:space-between;
    margin-bottom: 10px;
}
.y_curricula9 p:nth-child(1){
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.y_curricula9 p:nth-child(2){
    font-size: 12px;
    color: #aaa;
}
.y_curricula10{
    display: flex;
    justify-content:space-between;
}
.y_curricula11 span:nth-child(1){
   font-size: 10px;
   color: #1495be;
}
.y_curricula11 span:nth-child(2){
    font-size: 14px;
    color: #1495be;
    font-weight: 600;
 }
 .y_curricula12{
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    padding: 2px 10px 4px 11px;
    border-radius: 15px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
 }
 .y_apply{
     padding: 26px 12px;
 }
 .y_apply2{
     background: #fff;
     width: 100%;
     border-radius: 10px;
     display: flex;
     justify-content: flex-start;
     margin-bottom: 20px;
     box-shadow: 0px 0px 2px 1px #999;
 }
 .y_apply2 img{
     width: 150px;
     height: 100px;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
 }
 .y_apply3{
     padding: 16px 15px 0px;
 }
 .y_apply3 p:nth-child(1){
     font-size: 16px;
     color: #333;
     font-weight: 600;
     margin-bottom: 8px;
 }
 .y_apply3 p:nth-child(2){
    font-size: 12px;
    color: #aaa;
    margin-bottom: 6px;
}
.y_apply4 span:nth-child(1){
    font-size: 10px;
    color: #1495be;
}
.y_apply4 span:nth-child(2){
    font-size: 16px;
    color: #1495be;
    font-weight: 600;
}
.y_apply5{
    background: #fff;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 1px #999;
    padding: 35px 15px 47px;
}
.y_applynew{
    font-size: 15px;
    color: #666;
    font-weight: 600;
    margin-bottom: 20px;
}
.y_databack{
    background: #ccc;
}
.y_databack2{
    margin-bottom: 10px;
}
.y_apply6{
    display:flex;
    justify-content:space-between;
    width: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    line-height: 40px;
    padding: 0 15px;
    margin-bottom: 31px;
}
.y_apply6 img{
    width: 5px;
    height: 9px;
    margin-top: 18px;
    margin-right: 0px;
}
.y_apply7{
    display:flex;
    justify-content:flex-start;
}
.y_apply7 img{
    width: 21px;
    height: 17px;
    margin-top: 12px;
    margin-right: 8px;
}
.y_apply7 p{
    margin-bottom: 0px;
    font-size: 15px;
    color: #000;
}
.y_apply9{
    width: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    line-height: 40px;
    padding: 0 15px;
    height: 50px;
    margin-bottom: 20px;
}
.y_apply9 img{
    width: 17px;
    height: 17px;
    margin-top: 17px;
    position: absolute;
    margin-left: -25px;
}
.y_apply10{
    position: fixed;
    bottom: 0px;
    height: 70px;
    background: #fff;
    width: 100%;
    display: flex;
    justify-content:space-between;
    padding: 0px 10px 0px 16px;
}
.y_apply11{
    display: flex;
    justify-content: flex-start;
    
}
.y_apply11 p{
    line-height: 70px;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin-right: 6px;
}
.y_apply12 span:nth-child(1){
    font-size: 10px;
    color: #1495be;
}
.y_apply12 span:nth-child(2){
    font-size: 16px;
    color: #1495be;
    font-weight: 600;
}
.y_apply13{
    width: 100px;
    height: 52px;
    font-size: 16px;
    border-radius: 30px;
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    color: #fff;
    letter-spacing: 2px;
    box-shadow: 0px 0px 1px 1px #ccc;
    margin-top: 10px;
}
.y_applytc{
    background: rgba(0, 0,0, 0.6) 100% 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0px;
    left: 0px;
}
.y_applytc2{
    margin: 80px 30px 0px;
    background:linear-gradient(234deg, #7fc8bd 146.421356px, #1495be 329.842712px);
    border-radius: 20px;
    padding: 30px 32px;
}
.y_applytc2 p:nth-child(1){
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 25px;
}
.y_applytc2 p:nth-child(2){
    width: 100%;
    background: #fff;
    border-radius: 20px;
    height: 240px;
    overflow: auto;
    padding: 25px;
    margin-bottom: 25px;
    font-size: 12px;
    color: #666;
    line-height: 1.7;
}
.y_applytc2 button{
    text-align: center;
    width: 100%;
    border-radius: 30px;
    border:1px solid #fff;
    background: transparent;
    color: #fff;
    height: 50px;
    line-height: 50px;
}
.y_currixq{
    padding-top: 27px;
    margin: 0px 12px;
}
.y_currixq2 p{
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 27px;
}
.y_currixq2 img{
    border-radius: 20px;
    width: 100%;
    margin-bottom: 25px;
    box-shadow: 0px 0px 1px 1px #999;
}
.y_currixq3{
    background: #fff;
    border-radius: 20px;
    padding: 28px 25px 50px;
    margin-bottom: 30px;
}
.y_currixq3 p:nth-child(1){
    font-size: 14px;
    color: #aaa;
    line-height: 1.7;
    border-bottom:1px solid #f2f2f2;
    padding-bottom: 25px;
}
.y_currixq4 p:nth-child(1){
    border:0px solid #f2f2f2;
    margin-top: 30px;
    font-size: 15px;
    color: #000;
    padding-bottom: 0px;
    font-weight: 600;
}
.y_currixq4 p:nth-child(2){
    font-size: 14px;
    color: #aaa;
}
.y_currixq5{
    font-size: 15px;
    color: #1495be !important;
    font-weight: 600;
}
.y_currixq6{
    margin-top: 38px;
    display: flex;
    justify-content:space-between; 
}
.y_currixq6 button{
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    color: #fff;
    font-size: 18px;
    height: 50px;
    border-radius: 30px;
    width: 140px;
    font-weight: 600;
}
.y_renew{
    padding-top: 25px;
}
.y_renew2{
    display: flex;
    justify-content: flex-start;
}
.y_renew2 p{
    display: inline-block;
    line-height: 1;
    
}
.y_renew2 p:nth-child(2){
    text-decoration:line-through;
    font-size: 12px;
    color: #999;
    font-weight: 300;
}
.y_renew3{
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
}
.y_renew3 p:nth-child(1){
     font-size: 12px;
     color: #aaa;
     line-height: 1;
}
.y_renew3 p:nth-child(2){
    font-size: 12px;
    color:#1495be;
    line-height: 1;
}
.y_yuyuety{
  width: 9px !important;
  height: 5px !important;   
  margin-top: 23px !important;
}
.y_ftf{
    margin: 0px 12px 0px;
    padding: 25px 0px;
}
.y_ftf2{
    padding: 25px 10px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    justify-content:space-between; 
    margin-bottom: 20px;
}
.y_ftf3{
    display: flex;
    justify-content:flex-start;
}
.y_ftf3 img{
    border-radius: 30px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.y_ftf4{
    display: flex;
    justify-content:flex-start;
}
.y_ftf4 img{
    width: 6px;
    height:  11px;
    margin-top: 19px;
    margin-left: 15px;
}
.y_ftf5{
    line-height: 3;
}
.y_ftf5 span:nth-child(1){
    font-size: 12px;
    color: #1495be;
}
.y_ftf5 span:nth-child(2){
    font-size: 16px;
    font-weight: 600;
    color: #1495be;
}
.y_ftf6 p:nth-child(1){
    font-size: 16px;
    color: #333;
    margin-bottom: 7px;
    font-weight: 600;
}
.y_ftf6 p:nth-child(2){
    font-size: 12px;
    color: #1495be;
    border-radius: 20px;
    border: 1px solid #1495be;
    padding: 3px 10px;
}
.y_ftf7{
    padding: 25px 10px;
    background: #fff;
    border-radius: 20px;
    padding: 20px 0px 0px;
}
.y_ftf8{
    display: flex;
    justify-content:space-between;
    padding: 0px 30px;
    border-bottom: 1px solid #f6f6f6;
}
.y_ftf9 p{
    text-align: center;
}
.y_ftf9>p:nth-child(1){
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}
.y_ftf9 p:nth-child(2){
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px;
}
.y_ftf9 p:nth-child(3){
    font-size: 11px;
    color: #999;
    margin-bottom: 15px;
}
.y_ftf10{
    padding: 0px 30px;
    display: flex;
    justify-content:space-between; 
}
.y_ftf11{
    height: 400px;
    overflow: auto;
}
.y_ftf11::-webkit-scrollbar {display:none}
.y_ftf11 p{
    font-size: 12px;
    color: #999;
    line-height: 30px;
    padding: 0px 0px 0px 4px;
    margin-bottom: 15px;
    width: 40px;
    height: 30px;
    background: url(../images/yuyueback.png) no-repeat;
    background-size: 100% 100%;
}
.y_ftf11 .yftfback{
    background: #eee;
    border-radius: 5px;
}
.y_ftf11 .yftfback1{
    color:#fff;
    background: url(../images/yuyueback1.png) no-repeat;
    background-size: 100% 100%;
}
.y_ftf12{
    padding: 0 25px;
}
.y_nav{
    margin-bottom: 15px;
}
.act{
    color: #1495be !important;
}
.act p{
    width: 34px;
height: 5px;
background: #1495be;
border-radius: 10px;
margin-top: 13px;
text-align: center;
margin: 13px auto 0px;
}
.y_nav ul{
    background: #fff;
    border-radius: 30px;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}
.y_nav ul li{
    font-size: 15px;
    color: #333;
    margin-top: 18px;
}
.y_mycurric{
    background: #fff;
    border-radius: 10px;
    padding: 16px 17px 19px 25px;
    margin-bottom: 15px;
}
.y_mycurric2{
    display: flex;
    justify-content:space-between; 
    margin-bottom: 8px;
}
.y_mycurric2 p:nth-child(1){
    font-size: 16px;
    color: #333;
    font-weight: 600;
}
.y_mycurric2 p:nth-child(2){
    font-size: 12px;
    color: #1495be;
}
.y_mycurric3{
    display: flex;
    justify-content:flex-start;
    margin-bottom: 12px;
}
.y_mycurric3 img{
    width: 21px;
    height: 17px;
    margin-right: 5px;
}
.y_mycurric3 p:nth-child(2){
    font-size: 12px;
    color: #666;
    margin-right: 15px;
}
.y_mycurric3 p:nth-child(3){
    font-size: 12px;
    color: #aaa;
}
.y_mycurric4{
    display: flex;
    justify-content:space-between; 
}
.y_mycurric4 p:nth-child(2){
    background: linear-gradient(234deg, #1495BC .421356px, #7fc8bd 36.842712px);
    border-radius: 20px;
    padding: 3px 10px 5px;
    color: #fff;
    font-size: 12px;
}
.yuyue_code{
    background: linear-gradient(234deg, #1495BC .421356px, #7fc8bd 36.842712px);
    border-radius: 20px;
    padding: 3px 10px 5px;
    color: #fff;
    font-size: 12px;
}
.y_mycurric5{
    display: flex;
    justify-content:flex-start;
    line-height: 24px;
}
.y_mycurric5 span:nth-child(1){
    font-size: 12px;
    color: #1495be;
}
.y_mycurric5 span:nth-child(2){
    font-size: 18px;
    color: #1495be;
    font-weight: 600;
}
.y_daoqi p:nth-child(1){
    color: #999;
}
.y_daoqi p span{
    color: #999 !important;
}
.y_daoqi2 p:nth-child(2){
    color: #999;
}
.y_homepage{
    padding: 20px 12px 0px;
}
.y_homepage2{
    text-align: right;
}
.y_homepage2 p{
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 11px;
    letter-spacing: 1.5px;
}
.y_homepage3{
    text-align: center;
}
.y_homepage3 img{
    display: block;
    margin: 0 auto;
}
/* .y_homepage3 img:nth-child(1){
    width: 22px;
    height: 15px;
}
.y_homepage3 img:nth-child(2){
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 5px solid rgba(255, 255, 255, 0.2);
    margin-top: -5px;

} */
.y_huanguan{
    width: 22px;
    height: 15px;
}
.y_touxiang{
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 5px solid rgba(255, 255, 255, 0.2);
    margin-top: -5px;
}
.y_homepage4{
    background: #fff;
    border-radius: 10px;
    padding-top: 32px;
    margin-top: -25px;
    padding-bottom: 10px;
    
}
.y_homepage11{
    text-align: center;
}
.y_homepage4 img{
    height: 18px;
    width: 18px;
}
.y_homepage5{
    /*display: flex;*/
    justify-content:center; 
    margin-bottom: 8px;
    margin-top: 8px;
}

.y_homepage5 p:nth-child(1){
    font-size: 14px;
    color: #333;
    font-weight: 600;
    /* margin-right: 8px; */
}
.y_homepage5 p:nth-child(2){
    font-size: 14px;
    color: #1495be;
}
.y_homepage6{
    font-size: 12px;
    color: #aaa;
    letter-spacing: 1px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.y_homepage7{
    padding: 0px 15px;
    margin-top: 15px;
}
.y_homepage8{
    background:linear-gradient(234deg, #7fc8bd 146.421356px, #1495be 329.842712px);
    border-radius: 20px;
    display: flex;
    justify-content:space-between;
    padding: 9px 15px;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
}
.y_homepage9{
    display: flex;
    justify-content:space-between;
    margin-bottom: 10px;
}
.y_homepage10{
    display: flex;
    justify-content:flex-start;
    flex: 1;
    line-height: 30px;
}
.y_homepage10 img:nth-child(1){
    width: 6px;
    height: 6px;
    margin-right: 9px;
    margin-top: 12px;
}
.y_homepage10 p:nth-child(2){
    font-size: 12px;
    color: #1495be;
    margin-right: 10px;
}
.y_homepage10 p:nth-child(3){
    font-size: 12px;
    color: #666;
}
.y_homepage10 img:nth-child(3){
    width: 30px;
    height: 30px;
    border-radius: 20px;
    margin-right: 5px;
}
.y_homepage10 p:nth-child(4){
    font-size: 12px;
    color: #666;
}
.y_homepage13{
    display: flex;
    justify-content:space-between; 
    margin-bottom: 24px;
    margin-top: 27px;
}
.y_homepage13 img{
    width: 11px;
    height: 6px;
    margin-top: 6px;
}
.y_homepage14{
    display: flex;
    justify-content: flex-start;
}
.y_homepage14 img{
    width: 16px;
    height: 16px;
    margin-right: 13px;
    margin-top: 2px;
}
.y_homepage14 p{
    font-size: 14px;
    color: #fff;

}
.y_homepage15{

    border-radius: 10px;

}
.y_homepage16{
    background: #fff;
    border-radius: 10px;
    padding: 25px 0px 24px 0px;
}
.y_homepage16 p{
    font-size: 14px;
    color: #333;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 22px;
    font-weight: 600;
}
.y_homepage17{
    height: 300px;
    margin-bottom: 10px;
}
.y_homepage19{
    display: flex;
    justify-content:flex-start;
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 15px;
}
.y_homepage19 p:nth-child(1){
    font-size: 12px;
    color: #aaa;
    font-weight: 300;
    border-bottom: 0px;
    padding-bottom: 0px;
    flex: 1;
}
.y_homepage19 p:nth-child(2){
    font-size: 12px;
    color: #1495be;
    font-weight: 600;
    border-bottom: 0px;
    padding-bottom: 0px;
    flex: 6;
}
.y_homepage21{
    background: #fff;
    border-radius: 10px;
    height: 420px;
    width: 100%;
}
.y_homepage22 img{
    width: 6px;
    height: 11px;
}
.y_homepage22 img:nth-child(1){
    position: relative;
    left: 128px;
    bottom: 34px;
}
.y_homepage22 img:nth-child(2){
    position: relative;
    left: 220px;
    bottom: 34px;
}
.y_homepage23 input{
    border-bottom: 1px solid #eee;
}
.y_homepage25{
    width: 90%;
    height: 270px;
    margin: 0 auto;
}
.y_homepage26{
    padding: 0px 30px;
}
.y_homepage27{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.y_homepage27 img{
    width: 16px;
    height: 14px;
    margin-right: 9px;
    margin-top: 2px;
}
.y_homepage27 p:nth-child(2){
    font-size: 14px;
    color: #999;
    flex: 2;
}
.y_homepage27 p:nth-child(3){
    font-size: 14px;
    color: #1495be;
    flex: 5;
}
.y_homepage29 img{
    width: 19px;
    height: 15px;
}
.y_homepage30{
    background: #fff;
    border-radius: 10px;
}
.y_homepage30 ul{
    display: flex;
    justify-content:space-between;
    padding: 22px 15px;
    font-size: 12px;
}
.y_homepage30 ul li{
    border-radius: 20px;
    border: 1px solid #1495be;
    color: #1495be;
    padding: 3px 13px;
}
.y_homepage31{
    height: 100%;
    background: #d4edf5;
    padding: 13px 20px 16px 20px;
}
.y_xl{
    display: flex;
    justify-content:space-between; 
}
.y_homepage31 p{
    font-size: 12px;
    color: #1495be;
    font-weight: 600;
}
.y_homepage32{
    display: flex;
    justify-content:space-between;
}
.y_homepage32 p{
    font-size: 12px;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}
.y_homepage33{
    width: 100%;
}
.y_homepage34{
    background: #fff;
    border-radius: 10px;
}
.y_homepage35{
    display: flex;
    justify-content:space-around;
    padding-bottom: 20px;
}
.y_homepage36{
    position: relative;
    top: 44px;
    font-size: 11px;
    /* left: 28px; */
    width: 100px;
    text-align: center;
    color: #999;
    display: inline-block;
}
.y_homepage37{
    position: relative;
    top: 35px;
    right: 40px;
    color: #1495be;
}
.y_homepage39 ul{
    display: flex;
    justify-content:space-around; 
    background: #d4edf5;
    height: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow-x: scroll;
    display: -webkit-box;
}
.y_homepage39 ul li{
    color: #1695bd;
    font-size: 15px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 38px;
    padding: 0 7px;
}
.y_homepage40{
    padding: 22px 0px 0px 21px;
}
.y_homepage41{
    font-size: 14px;
    color: #000;
    padding-bottom: 10px;
}
.y_homepage41 p{
    display: inline-block;
}
.y_homepage41 p:nth-child(1){
    width: 125px;
}
.y_homepage42{
    padding-bottom: 10px;
}
.y_homepage42 p:nth-child(1){
    font-size: 12px;
    color: #000;
    width: 125px;
    display: inline-block;
}
.y_homepage42 p:nth-child(2){
    font-size: 14px;
    color: #1495be;
    display: inline-block;
}
.y_homepage43{
    width: 100%;
    height: 400px;
    margin: 0 auto;
}
.y_homepage43 div canvas{
    left: 20px !important;
    width: 95% !important;
}
.y_homepage44{

}
.y_homepage45 img{
    width: 14px;
    height: 20px;
}
.y_homepage46{
    background-image:linear-gradient(268deg, #1495be 3.421356px, #7fc8bd 402.842712px);
    border-radius: 10px;
}
.y_homepage47{
    text-align: center;
}
.y_homepage47 img{
    margin-top: 30px;
}
.y_homepage47 p{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    bottom: 30px;
}
.y_homepage48{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    padding: 0px 20px 30px;
}
.y_homepage48 img{
    width: 90px;
    height: 70px;
    margin: 30px 5px 0px 5px;
}
.y_homepage50{
    background: #fff;
    border-radius: 10px;  
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.y_homepage51{
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: flex-start;
    padding: 25px 10px;
}
.y_homepage51 img{
    width: 3px;
    height: 15px;
    margin-top: 3px;
    margin-right: 10px;
}
.y_homepage51 p{
    font-size: 14px;
    color: #333;
    font-weight: 600;
}
.y_homepage52{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.y_homepage53{
    display: flex;
    justify-content:space-between;
    margin: 18px 0px 20px 0px;
    
    padding: 0px 20px;
}
.y_homepage53 p:nth-child(1){
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
.y_homepage53 p:nth-child(2){
    font-size: 14px;
    color: #999;
}
.y_homepage53 p span:nth-child(2){
     color: #1495be;
     margin-left: 10px;
}
.y_homepage54{
    margin: 0px 20px;
    border-radius: 10px;
    border: 1px solid #1495be;
    padding: 15px 16px 16px 15px;
}
.y_homepage55{
    display: flex;
    justify-content:flex-start;
    margin-bottom: 8px;
}
.y_homepage55 img{
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top: 2px;
}
.y_homepage55 p{
    font-size: 12px;
    color: #1495be;
    font-weight: 600;
}
.y_homepage56 p{
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;
}
.y_homepage56 img{
    width: 75px;
    height: 50px;
}
.y_homepage57{
    display: flex;
    justify-content:flex-end;
}
.y_homepage57 p{
     font-size: 12px;
     color: #1495be;  
     margin-right: 10px;
     display: inline-block;
}
.y_homepage57 img{
    width: 11px;
    height: 6px;
    margin-top: 5px;
}
.y_homepage58{
    display: none;
    text-align: right;
}
.y_homepage58 p{
     font-size: 12px;
     color: #1495be;  
     margin-right: 10px;
     display: inline-block;
}
.y_homepage58 img{
    width: 11px;
    height: 6px;
    margin-top: 5px;
}
.y_homepage59{
    background: linear-gradient(234deg, #1495be 3.421356px, #7fc8bd 154.842712px);
    width: 100%;
    margin-bottom: 62px;
    padding: 20px 0px 25px;
}
.y_homepage60{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 13px;
}
.y_homepage60 img{
    width: 11px;
    height: 14px;
    margin-right: 8px;
    margin-top: 2px;
}
.y_homepage61{
    font-size: 12px;
    color: #000;
}
.y_homepage60 p{
    font-size: 12px;
    color: #1495be;
}
.y_homepage62{
    margin: 0px 20px;
    background: #fff;
    border-radius: 10px;
    padding: 15px 20px 20px 16px;
}
.y_bottom{
    margin-bottom: 70px;
}
.lstab .y_homepage40:nth-child(2n){
    background: #eff7f9;
}

.lsexercise{
    background: #fff;
}
.jnsnav ul{
    background: rgba(255, 255, 255, 0.3);
    height:60px;
    width: 100%;
    display: flex;
    justify-content:flex-start; 
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.jnsnav ul li{
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    padding: 0px 15px;
    margin: 10px 5px 0px;
    border: 1px solid transparent;
}
.jnsexercise{
    border-radius: 20px;
    border: 1px solid #fff !important;
    height: 40px;
    box-shadow: 0px 0px 1px 1px #fff;
}
.exercise{
    background: linear-gradient(234deg, #1495BC .421356px, #7fc8bd 36.842712px);
    color: #fff !important;
    border: 1px solid transparent !important;
}
.y_homepage39{
    background: #fff;
    border-radius: 10px;
}
.y_huiyuanyx1{
    display: none;
}




@media only screen and (min-width: 320px) and (max-width: 374px) {
    .y_ftf10{
        padding: 0px 5px;
    }
    .y_ftf11 p{
        width: 38px;
        height: 29px;
    }
    .y_ftf8{
        padding: 0px 5px;
    }
    .y_data10 p:nth-child(1){
        font-size: 12px;
        margin-right: 3px;
    }
    .y_data10 p:nth-child(2) {
        font-size: 12px;
    }    
    .y_data8 p {
        font-size: 12px;
        padding: 3px 7px 4px 10px;
        border-radius: 25px;
        margin-right: 8px;
    }
    .y_applytc2{
        margin: 50px 10px 0px;
    }
    .y_applytc2 p:nth-child(1){
        font-size: 16px;
        margin-bottom: 15px;
    }
    .y_applytc2 button{ 
        height: 40px;
        line-height: 30px;
        font-size: 12px;
    }
    .y_applytc2 p:nth-child(2){
        padding: 15px;
    }
    .y_apply13{
        height: 35px;
        font-size: 12px;
        margin-top: 20px;
    }
    .y_homepage7{
        padding: 0px 10px;
    }
    .y_homepage10 img:nth-child(1){
        margin-right: 5px;
    }
    .y_homepage10 p:nth-child(2){
        margin-right: 5px;
    }
    .y_currixq6 button{
        font-size: 12px;
        height: 35px;
        width: 100px;
    }
    .y_apply10{
        height: 80px;
    }
    .y_data img{
        margin-right: 5px;
    }
    .y_data2 img{
        margin-right: 5px;
    }
    .y_data4 img{
        top: -13px;
        left: 11px;
        margin-right: 0px;
    }
    .y_data12{
        padding: 33px 10px;
    }
    .y_hzadd3{
        padding:10px;
    }
}
.y_clause input[type=checkbox]{
    width: 10px;
    height: 10px;
    display: block;
    background: url(../images/weixuanzhong.png) no-repeat center center;
    background-size: cover;
}
.y_clause input[type=checkbox]:checked{
    width: 10px;
    height: 10px;
    display: block;
    background: url(../images/xuanzhong.png) no-repeat center center;
    background-size: cover;
}
.y_clause input[type=checkbox]{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
}
.y_clause{
    position: absolute;
    bottom: 5px;
    display: flex;
    justify-content: flex-start;
}
.y_clause input{
    margin: -4px 5px 0px 0px;
}
.y_clause p{
    font-size: 12px;
    line-height: 0px;
    font-weight: 300;
    margin-right: 0px;
}
.y_clause span{
    color: #1f9bbe;
}
.clearfix {
    clear: both;
    content: "";
    display: block;
    overflow: hidden;
}
.content{
    margin-bottom:75px;
}
.y_inform{
    background: #fff;
    border-radius: 10px;
    margin: 20px;
    display: flex;
    justify-content: flex-start;
    padding: 10px 20px 10px 20px;
}

.y_inform2 img{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.y_inform3 p:nth-child(1){
    font-size: 15px;
    color: #252525;
    margin-bottom: 10px;
}
.y_inform3 p:nth-child(2){
    font-size: 12px;
    color: #b3b3b3;
}

.y_ftf10::-webkit-scrollbar {display:none}


.y_ftf8{
    flex-wrap: wrap;
    justify-content:flex-start;
}
.y_ftf9 {
    width: 14%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.y_ftfz2{
    border: 1px solid #259dbe;
    margin-bottom: 0.9rem;
}
.y_ftfz{
    display: flex;
    justify-content: flex-start;
    padding: 0px 30px;
    text-align: center;
    margin-bottom: 20px;
}
.y_ftfz p {
    width: 14%;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}
.y_ftf9 p:nth-child(1){
    font-size: 12px;
    color: #666;
    margin-bottom: 0px;
}
.y_ftf9 p:nth-child(2) {
    font-size: 11px;
    color: #999;
    margin-bottom: 0px;
}
.y_ftf10{
    position: absolute;
    width: 80%;
    margin-top: 10px;
    display: none;
    padding:0px;
    left: 10%;
}
.y_ftfz2 .y_ftf10{
    display: block;
}
.y_ftf11 {
    height: auto;
    overflow: initial;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}
.y_ftf11 p:nth-child(1){
    color: #999;
}
.y_ftf11 p{
    width: 13.5%;
    margin: 0px 1px 15px 1px;
    padding: 0px 0px 0px 0px;
    font-size: 12px !important;
    color: #999;
    font-weight: 500 !important;
}
.y_ftf11 .yftfback1{
    color: #fff !important;
}
.y_ftfz3{
    min-height: 32px;
    margin-top: 8px;
}

@media only screen and (min-width: 374px) and (max-width: 376px) {
    .y_ftf10 {
    width: 77%;
    left: 11.5%;
    }
}
@media only screen and (min-width: 300px) and (max-width: 321px) {
    .y_ftf10 {
    width: 87%;
    left: 6.5%;
    }
}
.kb{
    width: 14%;
    border: 1px solid transparent;
    border-radius: 5px;
}
.no_date{
    display: block;
    width: 14.2857%;
    height: 24px;
    text-align: center;
    font-size: 14px;
    position: relative;
}
.y_hj_toggle{
    width: 90%;
    margin-left: 5%;
    text-align: right;
    margin-top: -28px;
}


/* 商城 */
.y_comm_text p{
    font-family: 'new_text';
}
.y_comm_text li{
    font-family: 'new_text';
}
.y_comm_text span{
    font-family: 'new_text';
}
.y_comm_text a{
    font-family: 'new_text';
}
.y_comm_text h2{
    font-family: 'new_text';
}
.y_comm_text h3{
    font-family: 'new_text';
}
.y_comm_text h4{
    font-family: 'new_text';
}
.y_comm_text div{
    font-family: 'new_text';
}

.y_comm_text_bold p{
    font-family: 'new_text_bold';
}
.y_comm_text_bold span{
    font-family: 'new_text_bold';
}
.y_comm_text_bold a{
    font-family: 'new_text_bold';
}
.y_comm_text_bold h2{
    font-family: 'new_text_bold';
}
.y_comm_text_bold h3{
    font-family: 'new_text_bold';
}
.y_comm_text_bold h4{
    font-family: 'new_text_bold';
}
.y_mall_1{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.y_mall_1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_mall_2{
    padding-top: 0.25rem;
    width: 7rem;
    margin: 0 auto;
}
.y_mall_3{
    width: 100%;
    height: 2.1rem;
    position: relative;
}
.y_mall_4{
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    height: 100%;
}
.y_mall_4 img{
    width: 100%;
    height: 100%;
}
.y_mall_5{
    padding: 0px 0.32rem 0rem 0.48rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.y_mall_6{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_mall_6 p{
    font-size: 0.28rem;
    color: #fff;
}
.y_mall_6 h2{
    font-size: 0.65rem;
    font-weight: 400;
    color: #fff;
    margin-left: 0.15rem;
}
.y_mall_7{
    margin-left: auto;
    min-width: 2rem;
    background: #fff;
    display: inline-block;
    line-height: 0.65rem;
    color: #019fe8;
    font-size: 0.28rem;
    text-align: center;
    border-radius: 0.1rem;
    font-weight: 400;
}
.y_mall_8{
    width: 100%;
    margin-top: 0.5rem;
}
.y_mall_9{
    width: 100%;
}
.y_mall_9 h2{
    font-size: 0.32rem;
    color: #333;
    font-weight: 600;
}
.y_mall_10{
    width: 100%;
    margin-top: 0.4rem;
    height: 7rem;
    overflow-y: scroll;
}
.y_mall_11{
    width: 100%;
    background: url(../images/mall_img_11.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.2rem;
    height: 2.2rem;
    padding: 0rem 0.3rem 0rem 0.25rem;
    border-radius: 0.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_mall_10 .y_mall_11:nth-last-child(1){
    margin-bottom: 0rem;
}
.y_mall_12{
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_mall_12 img{
    width: 100%;
}
.y_mall_13{
    flex: 1;
    margin-left: 0.4rem;
    height: 1.6rem;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
}
.y_mall_14{
    width: 100%;
}
.y_mall_14 h2{
    font-size: 0.29rem;
    color: #000;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
} 
.y_mall_15{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.y_mall_16{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_mall_17{
    width: 0.4rem;
    height: 0.4rem;
}
.y_mall_17 img{
    width: 100%;
    height: 100%;
}
.y_mall_18{
    margin-left: 0.13rem;
}
.y_mall_18 p{
    font-size: 0.34rem;
    color: #000;
    font-weight: 600;
}
.y_mall_19{
    margin-left: auto;
    display: inline-block;
    background: #019fe8;
    min-width: 1.5rem;
    line-height: 0.64rem;
    color: #fff;
    font-size: 0.28rem;
    text-align: center;
    border-radius: 0.1rem;
}
.y_mall_20{
    width: 100%;
    margin-top: 0.7rem;
}
.y_mall_21{
    width: 100%;
    margin-top: 0.4rem;
    height: 1.3rem;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0rem 0.3rem 0rem 0.37rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.y_mall_22{
    flex:1;
}
.y_mall_22 p{
    font-size: 0.28rem;
    color: #000;
    font-weight: 600;
}
.y_mall_23{
    min-width: 1.5rem;
    border-radius: 0.1rem;
    text-align: center;
    background: #019fe8;
    display: inline-block;
    font-size: 0.28rem;
    color: #fff;
    line-height: 0.65rem;
}
/* 商城 */

/* 积分充值 */
.y_point_recharge_1{
    height: 2.45rem;
    margin-top: 0.45rem;
}
.y_point_recharge_2{
    margin-top: 0.3rem;
    background: #fff;
    border-radius: 0.2rem;
    padding-bottom: 0.35rem;
}
.y_point_recharge_3{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 1rem;
}
.y_point_recharge_4{
    flex: 1;
}
.y_point_recharge_4 p{
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    color: #a4a4a4;
    transition: ease 0.5s all;
    position: relative;
    line-height: 1rem;
    font-weight: 600;
}
.y_point_recharge_4 p::after{
    content: '';
    width: 0rem;
    transition: ease 0.5s all;
    height: 0.07rem;
    background: #019fe8;
    border-radius: 1rem;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translate(-50%,-50%);
}
.y_point_recharge_4_active p{
    color: #333;
    transition: ease 0.5s all;
}
.y_point_recharge_4_active p::after{
    width: 0.4rem;
    transition: ease 0.5s all;
}
.y_point_recharge_5{
    width: 100%;
    max-height: 6rem;
    overflow-y: scroll;
}
.y_point_recharge_6{
    width: 100%;
    padding: 0rem 0.3rem;
    display: none;
}
.y_point_recharge_7{
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0rem 0.15rem;
}
.y_point_recharge_9 h2{
    font-size: 0.28rem;
    color: #333;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 0.34rem;
}
.y_point_recharge_10 p{
    color: #999;
    margin-top: 0.1rem;
    font-size: 0.24rem;
    font-weight: 400;
}

.y_point_recharge_11{
    margin-left: auto;
}
.y_point_recharge_11 p{
    font-size: 0.34rem;
    font-weight: 400;
    color: #ef6c48;
    line-height: 0.34rem;
}
.y_point_recharge_6_2 .y_point_recharge_11 p{
    color: #333;
}
/* 积分充值 */

/* 商城兑换详情 */
.y_mall_exchange_1{
    max-width: 7rem;
    width: 100%;
    margin: 0 auto;
    padding-top: 0.15rem;
}
.y_mall_exchange_2{
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_mall_exchange_2 img{
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.y_mall_exchange_3{
    width: 100%;
    margin-top: 0.2rem;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0rem 0.25rem;
    height: 1.8rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.y_mall_exchange_3 div{
    width: 100%;
}
.y_mall_exchange_4 h2{
    font-size: 0.32rem;
    color: #000;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.y_mall_exchange_5{
    margin-top: 0.3rem;
}
.y_mall_exchange_5 p{
    font-size: 0.32rem;
    font-weight: 500;
    color: #ef6c48;
} 
.y_mall_exchange_6{
    width: 100%;
    margin-top: 0.2rem;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0rem 0.28rem;
}
.y_mall_exchange_7{
    width: 100%;
    height: 0.85rem;
    border-bottom: 1px solid #ccc;
}
.y_mall_exchange_7 h2{
    line-height: 0.85rem;
    color: #231815;
    font-size: 0.3rem;
    font-weight: 600;
}
.y_mall_exchange_8{
    max-height: 5rem;
    overflow-y: scroll;
    padding: 0.35rem 0.28rem 0.5rem;
}
.y_mall_exchange_8 p{
    font-size: 0.26rem;
    color: #666;
    line-height: 0.5rem;
}
.y_mall_exchange_10{
    height: 1.8rem;
    width: 100%;
    background: transparent;
}
.y_mall_exchange_9{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1.7rem;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    background: #fff;
    padding: 0rem 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.y_mall_exchange_12 h2{
    font-size: 0.36rem;
    color: #ef6c48;
    font-weight: 400;
}
.y_mall_exchange_13{
    margin-top: 0.1rem;
}
.y_mall_exchange_13 p{
    font-size: 0.26rem;
    color: #a0a0a0;
}
.y_mall_exchange_14{
    min-width: 2.8rem;
    line-height: 0.8rem;
    color: #fff;
    font-size: 0.28rem;
    text-align: center;
    background: #019fe8;
    border-radius: 0.1rem;
    font-weight: 600;
}
/* 商城兑换详情 */

/* 我的券包 */
.y_voucher_pack_1{
    width: 100%;
    padding: 0.3rem 0.25rem 0rem;
    max-height: 90vh;
    overflow-y: scroll;
}
.y_voucher_pack_2{
    height: 2rem;
    border: 1px solid #e0e0e0;
    padding: 0rem 0.15rem;
    border-radius: 0.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    margin-bottom: 0.2rem;
}
.y_voucher_pack_3{
    width: 1.7rem;
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_voucher_pack_3 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.y_voucher_pack_4{
    margin-left: 0.2rem;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 1.7rem;
}
.y_voucher_pack_4>div{
    width: 100%;
}
.y_voucher_pack_5 h2{
    font-size: 0.28rem;
    color: #000;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.y_voucher_pack_6{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_voucher_pack_7 h2{
    font-size: 0.36rem;
    color: #e54f41;
    font-weight: 600;
}
/*.y_voucher_pack_8{
    margin-left: 0.26rem;
}*/
.y_voucher_pack_8 p{
    font-size: 0.2rem;
    color: #999;
}
.y_voucher_pack_9{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_voucher_pack_10{
    line-height: 0.45rem;
    min-width: 1.2rem;
    border-radius: 0.1rem;
    text-align: center;
    color: #019fe8;
    font-size: 0.22rem;
    border: 1px solid #019fe8;
}
.y_voucher_pack_11{
    line-height: 0.45rem;
    min-width: 1.2rem;
    border-radius: 0.1rem;
    background: #019fe8;
    text-align: center;
    color: #fff;
    font-size: 0.22rem;
    margin-left: 0.15rem;
}
/* 我的券包 */

/* 我的优惠券详情 */
.y_coupons_date_1{
    padding: 0rem 0.25rem;
    margin: 0.25rem auto 0rem;
    max-width: 7rem;
    width: 100%;
}
.y_coupons_date_2{
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: center;
    height: 1.6rem;
}
.y_coupons_date_2 img{
    max-height: 100%;
    height: 100%;
    object-fit: contain;
}
.y_coupons_date_3{
    position: relative;
    margin-top: -0.2rem;
    z-index: 5;
    width: 100%;
    height: 8.4rem;
}
.y_coupons_date_4{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.y_coupons_date_4 img{
    width: 100%;
    height: 100%;
}
.y_coupons_date_5{
    width: 100%;
    height: 2.45rem;
    display: flex;
    text-align: center;
    align-content: center;
    flex-wrap: wrap;
}
.y_coupons_date_5>div{
    width: 100%;
}
.y_coupons_date_6 h2{
    font-size: 0.28rem;
    color: #000;
    font-weight: 600;
}
.y_coupons_date_7{
    margin-top: 0.3rem;
}
.y_coupons_date_7 p{
    font-size: 0.48rem;
    font-weight: 600;
    color: #e54f41;
}
.y_coupons_date_8{
    margin-top: 0.2rem;
}
.y_coupons_date_8 p{
    font-size: 0.24rem;
    color: #999;
}
.y_coupons_date_9{
    height: calc(100% - 2.45rem);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: baseline;
}
.y_coupons_date_9>div{
    width: 100%;
}
.y_coupons_date_10{
    width: 3.64rem !important;
    height: 3.64rem;
    border: 1px solid #ededed;
    padding: 0.1rem;
    margin-top: 0.45rem;
}
.y_coupons_date_10 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.y_coupons_date_11{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.35rem;
}
.y_coupons_date_12{
    position: relative;
}
.y_coupons_date_12 input{
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px;
}
.y_coupons_date_12 p{
    font-size: 0.28rem;
    color: #333;
    font-weight: 400;
}

.y_coupons_date_12 span{
    font-size: 0.28rem;
    color: #333;
    font-weight: 400;
}
.y_coupons_date_13{
    margin-left: 0.15rem;
    width: 0.25rem;
}
.y_coupons_date_13 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.y_coupons_date_14{
    margin-top: 0.25rem;
    text-align: center;
}
.y_coupons_date_14 p{
    font-size: 0.24rem;
    color: #b3b3b3;
    font-weight: 400;
}
/* 我的优惠券详情 */

/* 优惠券使用记录 */
.y_usage_history_1{
    position: relative;
    overflow: hidden;
}
.y_usage_history_1 .y_voucher_pack_4{
    align-content: center;
}
.y_usage_history_1 .y_voucher_pack_6{
    margin-top: 0.2rem;
}
.y_usage_history_2{
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    transform:rotate(-45deg);
    text-align: center;
    right: -0.65rem;
    bottom: -0.65rem;
    background: #000;
}
.y_usage_history_2 h2{
    color: #fff;
    font-size: 0.24rem;
    font-weight: 600;
}
.y_usage_history_sy{
    background: #ffe7ce;
}
.y_usage_history_sy h2{
    color: #f2892f;
}
.y_usage_history_yhx{
    background: #fffbe1;
}
.y_usage_history_yhx h2{
    color: #e8d33a;
}
.y_usage_history_yzz{
    background: #ffb7c5;
}
.y_usage_history_yzz h2{
    color: #dd3152;
}


/* 优惠券使用记录 */




/* 修改页面 */

/* 登录 */
.y_xg_login_1{
    background: url(../images/xg_bank_img1.png) no-repeat;
    height: 100vh;
    background-size: 100% 100%;
}
.y_xg_login_2{
    padding: 0.3rem 0.65rem 0rem;
}
.y_xg_login_3{
    width: 100%;
}
.y_xg_login_3 img{
    max-width: 0.9rem;
    width: 100%;
    object-fit: contain;
}
.y_xg_login_4{
    width: 100%;
    margin-top: 0.7rem;
}
.y_xg_login_5{
    width: 100%;
}
.y_xg_login_5 h2{
    font-size: 0.48rem;
    color: #000;
    font-weight: 400;
}
.y_xg_login_6{
    width: 100%;
    margin-top: 0.25rem;
}
.y_xg_login_6 img{
    max-width: 100%;
    height: 0.48rem;
}
.y_xg_login_7{
    margin-top: 0.72rem;
    width: 100%;
}
.y_xg_login_8{
    width: 100%;
}
.y_xg_login_8 p{
    font-size: 0.22rem;
    color: #000;
    font-weight: 400;
}
.y_xg_login_9{
    margin-top: 0.2rem;
    width: 100%;
    border-radius: 0.1rem;
    overflow: hidden;
}
.y_xg_login_9 input{
    width: 100%;
    background: #fff;
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 0.25rem;
    color: #7c7c7d;
    font-size: 0.28rem;
}
.y_xg_login_10{
    width: 100%;
    margin-top: 0.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_login_11{
    width: 0.25rem;
    height: 0.25rem;
    position: relative;
    margin-right: 0.15rem;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
}
.y_xg_login_11 .y_xg_login_12{
    display: none;
}
.y_xg_login_11_active .y_xg_login_12{
    display: flex;
}
.y_xg_login_12{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_xg_login_12 img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.y_xg_login_13{
    flex: 1;
}
.y_xg_login_13 p{
    font-size: 0.24rem;
    font-weight: 400;
    color: #000;
}
.y_xg_login_13 p span{
    color: #004097;
    font-size: 0.24rem;
    font-weight: 400;
}
.y_xg_login_14{
    width: 100%;
    margin-top: 1.7rem;
}
.y_xg_login_14 button{
    line-height: 0.8rem;
    background: #ccc;
    text-align: center;     
    width: 100%;     
    border: none;     
    border-radius: 0.1rem;     
    color: #fff;     
    font-size: 0.28rem;     
    font-weight: 400;
    transition: ease 0.5s all;
}
.y_xg_login_14_active button{
    background: #003d91;   
    transition: ease 0.5s all;  
}
.y_xg_login_15{
    width: 100%;
    margin-top: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.y_xg_login_16 a{
    font-size: 0.24rem;
    color: #013683;
    font-weight: 400;
}
.y_xg_login_17 a{
    font-size: 0.24rem;
    font-weight: 400;
    color: #afbbce;
}
/* 登录 */

/* 忘记密码 1 */
.y_password_xg_1{
    padding: 0.7rem 0.7rem 0rem;
    margin: 0 auto;
    width: 100%;
}
.y_password_xg_2{
    width: 100%;
}
.y_password_xg_2 h2{
    font-size: 0.48rem;
    color: #000;
    font-weight: 400;
}
.y_password_xg_3{
    width: 100%;
    margin-top: 0.3rem;
}
.y_password_xg_3 p{
    font-size: 0.29rem;
    color: #8a8a8a;
    font-weight: 400;
}
.y_password_xg_4{
    width: 100%;
    margin-top: 0.9rem;
}
.y_password_xg_5{
    width: 100%;
}
.y_password_xg_5 input{
    color: #333;
    font-weight: 400;
    padding-left: 0.25rem;
    line-height: 0.8rem;
    border-radius: 0.1rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.y_password_xg_6{
    position: relative;
    width: 100%;
    margin-top: 0.25rem;
}
.y_password_xg_6 input{
    color: #333;
    font-weight: 400;
    padding-left: 0.25rem;
    line-height: 0.8rem;
    border-radius: 0.1rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.y_password_xg_6 button{
    line-height: 0.4rem;
    padding: 0rem 0.15rem;
    border-radius: 0.5rem;
    background: #009fe8;
    color: #fff;
    position: absolute;
    font-size: 0.24rem;
    top: 50%;
    right: 0.17rem;
    transform: translate(0%,-50%);
    border: none;
    font-weight: 400;
}
.y_password_xg_7{
    width: 100%;
    padding: 0rem 0.2rem;
    margin-top: 0.65rem;
}
.y_password_xg_7 button{
    width: 100%;
    background: #004097;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.1rem;
    color: #fdfdfd;
    font-size: 0.28rem;
    font-weight: 400;
    border: none;
    margin: 0rem;
}
/* 忘记密码 1 */

/* 忘记密码 3 */
.y_password_three_xg_1{
    margin: 2rem auto 0rem;
    width: 100%;
    text-align: center;
}
.y_password_three_xg_2{
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 auto;
}
.y_password_three_xg_2 img{
    width: 100%;
    object-fit: contain;
}
.y_password_three_xg_3{
    width: 100%;
    margin-top: 0.45rem;
    text-align: center;
}
.y_password_three_xg_3 h2{
    font-size: 0.36rem;
    color: #333;
    font-weight: 400;
}
.y_password_three_xg_4{
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}
.y_password_three_xg_4 a{
    display: inline-block;
    width: 3.8rem;
    margin: 0 auto;
    background: #004097;
    text-align: center;
    border-radius: 0.1rem;
    color: #fdfdfd;
    font-size: 0.28rem;
    font-weight: 400;
    line-height: 0.6rem;
}

/* 注册 */
.y_xg_registration_1{
    width: 100%;
    margin-top: 0.7rem;
}
.y_xg_registration_2{
    width: 100%;
    text-align: center;
}
.y_xg_registration_2 h2{
    font-size: 0.48rem;
    color: #000;
    width: 100%;
    text-align: center;
}
.y_xg_registration_3{
    width: 100%;
    margin-top: 0.25rem;
    text-align: center;
}
.y_xg_registration_3 img{
    max-width: 100%;
    height: 0.48rem;
}
.y_xg_registration_5{
    margin-top: 0.43rem;
    text-align: center;
}
.y_xg_registration_4 {
    width: 100%;
    margin-top: 0.6rem;
}
.y_xg_registration_5 a p{
    color: rgba(0,0,0,0.8);
    font-size: 0.28rem;
    font-weight: 400;
}
.y_xg_registration_5 a span{
    color: rgba(255,255,255,0.8);
    font-size: 0.28rem;
    font-weight: 400;
}
/* 我的 */
.y_xg_back_1{
    background: url(../images/xg_bank_img2.png) no-repeat;
    background-size: 100% 100%;
}
.y_xg_my_1{
    margin: 0rem auto;
    padding: 0.5rem 0.7rem 0rem;
    position: relative;
}
.y_xg_my_2{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0.48rem;
    height: 0.4rem;
}
.y_xg_my_3{
    width: 100%;
    height: 100%;
}
.y_xg_my_3 img{
    width: 100%;
    object-fit: contain;
}
.y_xg_my_4{
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    top: 0.05rem;
    right: -0.3rem;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.y_xg_my_4 p{
    background: #dd3152;
    border-radius: 0.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    color: #fff;
    font-weight: 400;
}
.y_xg_my_5{
    width: 100%;
    position: relative;
}
.y_xg_my_6{
    width: 100%;
    margin-top: 0.1rem;
}
.y_xg_my_7{
    width: 100%;
    text-align: center;
}
.y_xg_my_8{
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
.y_xg_my_8 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 1rem;
    border: 1px solid #eee;
}
.y_xg_my_9{
    width: 100%;
    margin-top: 0.15rem;
}
.y_xg_my_9 p{
    font-size: 0.3rem;
    color: #000;
    text-align: center;
    width: 100%;
    font-weight: 600;
}
.y_xg_my_10{
    width: 100%;
    border-radius: 0.1rem;
    background: #fff;
    padding: 1.65rem 0.3rem 0.5rem;
    border: 1px solid #e9e9e9;
    margin-top: -1rem;
}
.y_xg_my_11{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #686868;
    height: 1.05rem;
}
.y_xg_my_12{
    flex: 1;
    display: flex;
    justify-items: flex-start;
    align-items: center;
}
.y_xg_my_13{
    width: 0.64rem;
    height: 0.64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
}
.y_xg_my_13 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_my_14 h2{
    font-size: 0.3rem;
    font-weight: 400;
    color: #030303;
}
.y_xg_my_15{
    width: 0.7rem;
}
.y_xg_my_15 img{
    width: 100%;
    object-fit: cover;
}
/* 绑定微信/解除绑定 */
.y_xg_wechat_1{
    padding: 0rem 0.8rem;
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translate(-50%,0%);
    width: 100%;

}
.y_xg_wechat_2{
    width: 100%;
    border-radius: 0.2rem;
    overflow: hidden;
    margin-top: 0.2rem;
    width: 100%;

}
.y_xg_wechat_2 button{
    background: #fff;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #000;
    font-size: 0.28rem;
    font-weight: 400;
    border: none;
    width: 100%;
}
/* 反馈列表 */
.y_xg_feedback_list_1{
    padding: 0.4rem 0.25rem;
}
.y_xg_feedback_list_2{
    width: 100%;
    padding: 0rem 0.38rem 0.35rem;
    border-radius: 0.2rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    margin-bottom: 0.28rem;
}
.y_xg_feedback_list_3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.77rem;
    border-bottom: 1px solid #e4e4e4;
}
.y_xg_feedback_list_4 p{
    font-size: 0.26rem;
    color: #999;
    font-weight: 400;
}
.y_xg_feedback_list_5{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.y_xg_feedback_list_6{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 0.25rem;
}
.y_xg_feedback_list_7 p{
    font-size: 0.28rem;
    color: #ef6c48;
    font-weight: 400;
}
.y_xg_feedback_list_8{
    display: none;
}
.y_xg_feedback_list_6_active .y_xg_feedback_list_7{
    display: none;
}
.y_xg_feedback_list_6_active .y_xg_feedback_list_8{
    display: block;
}
.y_xg_feedback_list_8 p{
    font-size: 0.28rem;
    color: #7f7f7f;
    font-weight: 400;
}
.y_xg_feedback_list_9{
    width: 0.28rem;
}
.y_xg_feedback_list_9 img{
    width: 100%;
    object-fit: cover;
}
.y_xg_feedback_list_10{
    width: 100%;
    margin-top: 0.2rem;
}
.y_xg_feedback_list_10 p{
    font-size: 0.3rem;
    color: #252525;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.8rem;
}
/* 反馈详情 */
.y_xg_feedback_data_1{
    padding: 0.35rem 0.25rem 1rem;
    position: relative;
}
.y_xg_feedback_data_2{
    width: 100%;
    border-radius: 0.2rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 0% 0.4rem 0.5rem;
}
.y_xg_feedback_data_3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.2rem;
    border-bottom: 1px solid #e0e0e0;
}
.y_xg_feedback_data_4{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_feedback_data_4 h2{
    font-size: 0.32rem;
    color: #019fe8;
    font-weight: 400;
    margin-right: 0.28rem;
}
.y_xg_feedback_data_4 p{
    font-size: 0.24rem;
    color: #019fe8;
    font-weight: 400;
}
.y_xg_feedback_data_5{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.y_xg_feedback_data_5 p{
    font-size: 0.24rem;
}
.y_xg_feedback_data_6{
    color: #7f7f7f;
}
.y_xg_feedback_data_8{
    color: #019fe8;
}
.y_xg_feedback_data_8{
    width: 100%;
    margin-top: 0.3rem;   
}
.y_xg_feedback_data_9{
    font-size: 0.26rem;
    line-height: 0.3rem;
    font-weight: 400;
    color: #666;
}
.y_xg_feedback_data_10{
    width: 100%;
    margin-top: 0.35rem;
}
.y_xg_feedback_data_10 img{
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
}
.y_xg_feedback_data_11{
    margin-top: 0.4rem;
    width: 100%;
    border-radius: 0.2rem;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 0rem 0.4rem 0.9rem;
}
.y_xg_feedback_data_12{
    width: 100%;
    height: 1.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}
.y_xg_feedback_data_12 h2{
    font-size: 0.3rem;
    color: #019fe8;
    font-weight: 400;
}
.y_xg_feedback_data_13{
    width: 100%;
    margin-top: 0.3rem;
}
.y_xg_feedback_data_13 p{
    font-size: 0.26rem;
    color: #666;
    font-weight: 400;
    line-height: 0.3rem;
}
/* 我的订单 */
.y_xg_my_orders_1{
    padding: 0.6rem 0.8rem 0.2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_my_orders_2{
    width: 100%;
}
.y_xg_my_orders_2 h2{
    font-size: 0.37rem;
    color: #000;
    font-weight: 400;
    width: 100%;
}
.y_xg_my_orders_2 p{
    width: 100%;
    font-size: 0.24rem;
    color: #000;
    margin-top: 0.2rem;
}
.y_xg_my_orders_3{
    width: 100%;
    border-radius: 0.2rem;
    border: 1px solid #ececec;
    height: 0.8rem;
    overflow: hidden;
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
}
.y_xg_my_orders_4 {
    width: 100%;
    height: 100%;
    margin: 0px;
}
.y_xg_my_orders_4 ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    margin-top: 0rem;
}
.y_xg_my_orders_4 ul li{
    flex: 1;
    text-align: center;
    line-height: 0.8rem;
    color: #000;
    font-size: 0.24rem;
    position: relative;
    transition: ease 0.5s all;
    margin-top: 0rem;
}
.y_xg_my_orders_4 ul .act{
    transition: ease 0.5s all;
    color: #4dbcef;
}
.y_xg_my_orders_4 ul li::after{
    content: '';
    height: 0.26rem;
    width: 1px;
    right: 0px;
    top: 50%;
    transform: translate(0%,-50%);
    position: absolute;
    background: #b6b6b7;
}
.y_xg_my_orders_4 ul li:nth-last-child(1)::after{
    display: none;
}
.y_xg_my_orders_5{
    width: 100%;
    margin-bottom: 0.2rem;
    border-radius: 0.2rem;
    border:1px solid #e7e7e7;
    padding: 0rem 0.25rem 0;
    background: #fff;
}
.y_xg_my_orders_6{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #10a5e9;
    height: 0.75rem;
}
.y_xg_my_orders_7 h2{
    font-size: 0.24rem;
    color: #000;
    font-weight: 400;
}
.y_xg_my_orders_8 p{
    font-size: 0.24rem;
    color: #000;
}
.y_xg_my_orders_8 .y_xg_my_orders_8_2{
    color: #dd3152;
}
.y_xg_my_orders_8 .y_xg_my_orders_8_3{
    color: #ef6c48;
}
.y_xg_my_orders_8 .y_xg_my_orders_8_4{
    color: #e8d33a;
}
.y_xg_my_orders_8 .y_xg_my_orders_8_5{
    color: #7f7f7f;
}
.y_xg_my_orders_9{
    width: 100%;
    height: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_my_orders_10{
    width: 1.28rem;
    height: 1.28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 0.3rem;
}
.y_xg_my_orders_10 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.y_xg_my_orders_11{
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_my_orders_11 h2{
    font-size: 0.26rem;
    color: #000;
    width: 100%;
    font-weight: 400;
}
.y_xg_my_orders_11 p{
    margin-top: 0.1rem;
    width: 100%;
    font-size: 0.26rem;
    color: rgba(0, 0,0, 0.5);
    font-weight: 400;
}
.y_xg_my_orders_12{
    margin-left: auto;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
}
.y_xg_my_orders_12 p{
    font-size: 0.45rem;
    color: #4dbcef;
    font-weight: 400;
}
.y_xg_my_orders_12 h2{
    font-size: 0.24rem;
    padding: 0rem 0.2rem;
    background: #4dbcef;
    color: #fff;
    border-radius: 0.5rem;
    line-height: 0.4rem;
    margin-top: 0.2rem;
    height: 0.4rem;
}
/* 会员添加 */
.y_xg_members_add_1{
    width: 100%;
    padding: 1.68rem 0.8rem 0.2rem;
    margin: 0 auto;
}
.y_xg_members_add_2{
    width: 100%;
}
.y_xg_members_add_2 h2{
    font-size: 0.48rem;
    color: #000;
    font-weight: 400;
    width: 100%;
}
.y_xg_members_add_2 p{
    font-size: 0.28rem;
    color: #000;
    font-weight: 400;
    width: 100%;
    margin-top: 0.2rem;
}
.y_xg_members_add_3{
    width: 100%;
    margin-top: 0.5rem;
}
.y_xg_members_add_3 form{
    width: 100%;
}
.y_xg_members_add_4{
    width: 100%;
    background: #fff;
    border-radius: 0.2rem;
    height: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    padding: 0rem 0.3rem 0rem 0.4rem;
    border: 1px solid #eee;
    margin-bottom: 0.1rem;
}
.y_xg_members_add_5{
    display: flex;
    align-items: center;
}
.y_xg_members_add_5 h2{
    font-size: 0.26rem;
    color: #000;
    font-weight: 400;
    border-right: 1px solid #b9b9b9;
    padding-right: 0.15rem;
    position: relative;
}
.y_xg_members_add_5_active h2::after{
    position: absolute;
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 0.5rem;
    background: #de3858;
    top: 50%;
    left: -0.15rem;
    transform: translate(-50%,-50%);
}
.y_xg_members_add_6{
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
}
.y_xg_members_add_6 img{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.y_xg_members_add_6 input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
}
.y_xg_members_add_7{
    flex: 1;
    margin-left: auto;
    height: 100%;
}
.y_xg_members_add_7 input{
    color: #333;
    width: 100%;
    border: none;
    font-size: 0.28rem;
    height: 100%;
    line-height: 0.8rem;
    text-align: right;
}
.y_xg_members_add_8{
    flex: 1;
    margin-left: auto;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.y_xg_members_add_8 .layui-form-radio{
    padding-left: 10px;
    padding-right: 0px;
    margin: 0px;
}
.y_xg_members_add_8 .layui-form-radio>i{
    font-size: 0px;
    width: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/xg_icon_17.png) no-repeat;
    background-size: 100% 100%;
}
.y_xg_members_add_8 .layui-form-radioed>i{
    background: url(../images/xg_icon_16.png) no-repeat;
    background-size: 100% 100%;
}
.y_xg_members_add_8 .layui-form-radio>div{
    transition: ease 0.5s all;
    color: #333;
}
.y_xg_members_add_8 .layui-form-radioed>div{
    transition: ease 0.5s all;
    color: #d60821;
}
.y_xg_members_add_9{
    width: 100%;
    margin-top: 1.2rem;
    position: relative;
    text-align: center;
}
.y_xg_members_add_10{
    max-width: 3.9rem;
    border-radius: 0.1rem;
    background: #004097;
    text-align: center;
    border: none;
    line-height: 0.6rem;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.26rem;
    font-weight: 400;
}
/* 意见反馈 */
.y_xg_feedback_1{
    padding: 0.3rem 0.45rem 0.2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_feedback_2{
    width: 100%;
}
.y_xg_feedback_2 h2{
    font-size: 0.48rem;
    color: #000;
    font-weight: 400;
    width: 100%;
}
.y_xg_feedback_2 p{
    font-size: 0.28rem;
    color: #000;
    font-weight: 400;
    width: 100%;
    margin-top: 0.2rem;
}
.y_xg_feedback_3{
    width: 100%;
    margin-top: 0.6rem;
}
.y_xg_feedback_4{
    margin-bottom: 0.25rem;
}
.y_xg_feedback_5{
    width: 100%;
    margin-bottom: 0.25rem;
}
.y_xg_feedback_6{
    width: 100%;
}
.y_xg_feedback_6 h2{
    font-size: 0.28rem;
    color: #000;
}
.y_xg_feedback_7{
    width: 100%;
    margin-top: 0.1rem;
}
.y_xg_feedback_7 textarea{
    width: 100%;
    height: 2.3rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0.25rem;
    font-size: 0.28rem;
    color: #333;
}
.y_xg_feedback_7 textarea::placeholder{
    color: #9e9e9f;
    font-size: 0.28rem;
}
.y_xg_feedback_8{
    width: 100%;
    margin-top: 0.1rem;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.35rem 0.25rem 0.15rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.y_xg_feedback_9{
    width: 1.12rem;
    height: 1.12rem;
    position: relative;
    margin-right: 0.1rem;
    margin-bottom: 0.2rem;
}
.y_xg_feedback_10{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_feedback_11{
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_feedback_12{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0;
}
.y_xg_feedback_13{
    position: absolute;
    top: 0rem;
    width: 0.4rem;
    height: 0.4rem;
    right: -0.4rem;
    z-index: 5;
    transform: translate(-50%,-50%);
    display: none;
}
.y_xg_feedback_14{
    width: 100%;
    margin-top: 1.25rem;
    text-align: center;
}
.y_xg_feedback_15{
    background: #004097;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.1rem;
    border:none;
    color: #fff;
    font-size: 0.28rem;
    font-weight: 400;
    max-width: 5.6rem;
    width: 100%;
}
/* 私人定制 */
.y_xg_personalized_1{
    padding: 0.6rem 0.7rem 2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_personalized_2{
    padding: 0.2rem 0.3rem;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 0.2rem;
}
.y_xg_personalized_3{
    width: 100%;
}
.y_xg_personalized_3 img{
    width: 100%;
    object-fit: contain;
}
.y_xg_personalized_4{
    width: 100%;
}
.y_xg_personalized_5{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.2rem;
}
.y_xg_personalized_6{
    width: 1.28rem;
    height: 1.28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
}
.y_xg_personalized_6 img{
    width: 100%;
    height: 100%;
}
.y_xg_personalized_7{
    flex: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_personalized_8{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center; 
}
.y_xg_personalized_9 h2{
    font-size: 0.28rem;
    color: #000;
    font-weight: 400;
}
.y_xg_personalized_10 p{
    font-size: 0.28rem;
    color: rgba(0,0,0,0.6);
    font-weight: 400;
}
.y_xg_personalized_11{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.3rem;
}
.y_xg_personalized_12{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_personalized_12 span{
    font-size: 0.22rem;
    color: #019fe8;
    display: inline-block;
    margin-right: 0.1rem;
}
.y_xg_personalized_12 p{
    font-size: 0.28rem;
    color: #019fe8; 
}
.y_xg_personalized_13 p{
    font-size: 0.24rem;
    color: #fff;
    line-height: 0.44rem;
    background: #009fe8;
    font-weight: 400;
    padding: 0rem 0.15rem;
    border-radius: 0.5rem;
    display: inline-block;
}
/* 主页 */
.y_xg_home_1{
    width: 100%;
    padding: 0.6rem 0.6rem 2rem;
}
.y_xg_home_2{
    width: 100%;
    border-radius: 0.2rem;
    border: 1px solid #f0f0f0;
    background: #fff;
    padding: 0.2rem 0.25rem 0.4rem;
}
.y_xg_home_3{
    width: 100%;
}
.y_xg_home_3 img{
    width: 100%;
    object-fit: contain;
}
.y_xg_home_4{
    width: 100%;
    margin-top: 0.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_home_5{
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.y_xg_home_6{
    margin-right: 0.3rem;
}
.y_xg_home_6 p{
    color: #009fe8;
    font-size: 0.8rem;
    font-family: 'new_num';
}
.y_xg_home_7{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_home_8{
    width: 100%;
}
.y_xg_home_8 h2{
    font-size: 0.24rem;
    font-weight: 400;
    color: #000;
}
.y_xg_home_9{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.2rem;
    background: #0ba3ea;
    border-radius: 0.5rem;
    height: 0.4rem;
    margin-top: 0.1rem;
}
.y_xg_home_10{
    width: 0.24rem;
    height: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.15rem;
}
.y_xg_home_10 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_home_11 p{
    font-size: 0.24rem;
    color: #fff;
    font-weight: 400;
}
.y_xg_home_12{
    width: 100%;
    margin-top: 0.2rem;
    background: #fff;
    border-radius: 0.2rem;
    border: 1px solid #f0f0f0;
    padding: 0.5rem 0.3rem 0.2rem;
}
.y_xg_home_13{
    width: 100%;
    border-top: 2px solid #5a5a5a;
    border-bottom: 2px solid #5a5a5a;
}
.y_xg_home_13 h2{
    line-height: 0.48rem;
    color: #0b0b0b;
    font-size: 0.28rem;
    font-weight: 600;
}
.y_xg_home_14{
    width: 100%;
}
.y_xg_home_15{
    display: flex;
    height: 2rem;
    border-bottom: 1px solid #54bff0;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_home_14 .y_xg_home_15:nth-last-child(1){
    border-bottom: none;
}
.y_xg_home_16{
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.3rem;
    border-radius: 1rem;
    overflow: hidden;
}
.y_xg_home_16 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_home_17{
    margin-left: auto;
    flex: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_home_18{
    width: 100%;
}
.y_xg_home_18 h2{
    font-size: 0.26rem;
    color: #000;
    font-weight: 400;
}
.y_xg_home_19{
    width: 100%;
    margin-top: 0.1rem;
}
.y_xg_home_19 p{
    font-size: 0.26rem;
    color: #6a6a6a;
    font-weight: 400;
}
.y_xg_home_20{
    width: 0.75rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}
.y_xg_home_20 img{
    width: 100%;
    object-fit: contain;
}
/* 公告列表 */
.y_xg_announcement_1{
    padding: 0.38rem 0.25rem 0.2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_announcement_2{
    background: #fff;
    border-radius: 0.2rem;
    border: 1px solid #e8e8e8;
    margin-bottom: 0.3rem;
    padding: 0rem 0.3rem 0rem 0.45rem;
    display: block;
}
.y_xg_announcement_3{
    width: 100%;
}
.y_xg_announcement_4{
    width: 100%;
    height: 0.9rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_announcement_4 h2{
    font-size: 0.32rem;
    color: #252525;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.y_xg_announcement_5{
    padding: 0.2rem 0rem;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}
.y_xg_announcement_5 p{
    font-size: 0.26rem;
    color: #252525;
    line-height: 0.3rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.y_xg_announcement_6{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.75rem;
    border-top: 1px solid #e6e6e6;
}
.y_xg_announcement_7 p{
    font-size: 0.26rem;
    color: #999;
    font-weight: 400;
}
.y_xg_announcement_8{
    width: 0.4rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_xg_announcement_8 img{
    width: 100%;
    object-fit: contain;
}
/* 公告详情 */
.y_xg_announcement_date_1{
    padding: 1.2rem 0.25rem 0.2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_announcement_date_2{
    width: 100%;
    border-radius: 0.2rem;
    background: #fff;
    overflow: hidden;
    padding-bottom: 1.5rem;
}
.y_xg_announcement_date_3{
    width: 100%;
}
.y_xg_announcement_date_3 img{
    width: 100%;
    object-fit: contain;
}
.y_xg_announcement_date_4{
    width: 100%;
}
.y_xg_announcement_date_5{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.3rem;
}
.y_xg_announcement_date_5 h2{
    font-size: 0.34rem;
    color: #019fe8;
    font-weight: 600;
}
.y_xg_announcement_date_6{
    width: 100%;
    padding: 0rem 0.2rem;
}
.y_xg_announcement_date_6 p{
    font-size: 0.28rem;
    color: #333;
    font-weight: 400;
    line-height: 0.3rem;
}
.y_xg_announcement_date_6 img{
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}
/* 预约课表 */
.y_xg_appointment_1{
    padding: 0.5rem 0.25rem 0.2rem;
    width: 100%;
    margin: 0 auto;
}
.y_xg_appointment_2{
    background: #fff;
    border-radius: 0.2rem;
    border: 1px solid #e0e0e0;
    padding: 0rem 0.25rem 0rem 0.35rem;
    height: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.4rem;
}
.y_xg_appointment_3{
    width: 1.45rem;
    height: 1.45rem;
    background: #004097;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
}
.y_xg_appointment_3 img{
    width: calc(100% - 0.2rem);
    height: calc(100% - 0.2rem);
    object-fit: cover;
    border-radius: 1rem;
}
.y_xg_appointment_4{
    flex: 1;
    margin-left: auto;
    display: flex;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_appointment_5{
    width: 100%;
}
.y_xg_appointment_5 h2{
    font-size: 0.32rem;
    color: #333;
    font-weight: 600;
}
.y_xg_appointment_6{
    width: 100%;
    margin-top: 0.3rem;
}
.y_xg_appointment_6 p{
    font-size: 0.24rem;
    color: #fff;
    font-weight: 400;
    padding: 0rem 0.18rem;
    background: #019fe8;
    border-radius: 0.5rem;
    line-height: 0.45rem;
    display: inline-block;
}
.y_xg_appointment_7{
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.y_xg_appointment_7 p{
    font-size: 0.36rem;
    color: #019fe8;
    font-weight: 600;
}
.y_xg_appointment_7 img{
    width: 0.2rem;
    margin-left: 0.2rem;
}
.y_xg_appointment_8{
    box-shadow: 0 0 10px 1px #eee;
}
.y_xg_appointment_9 h2{
    font-size: 0.24rem;
    color: #666;
}
.y_xg_appointment_9 h3{
    font-size: 0.36rem;
    color: #333;
    font-weight: 600;
}
.y_xg_appointment_9 h4{
    font-size: 0.22rem;
    color: #999;
    font-weight: 400;
}
/* 会员主页 */
.y_xg_member_home_1{
    padding: 0.2rem 0.25rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.y_xg_member_home_2{
    width: 100%;
    position: relative;
}
.y_xg_member_home_3{
    top: 0.25rem;
    right: 0.25rem;
    position: absolute;
}
.y_xg_member_home_3 a{
    display: inline-block;
    font-size: 0.24rem;
    padding: 0rem 0.25rem;
    border-radius: 0.5rem;
    border: 1px solid #009fe8;
    color: #009fe8 !important;
    font-weight: 400;
    line-height: 0.6rem;
}
.y_xg_member_home_4{
    width: 100%;
    margin-top: 2rem;
    border-radius: 0.2rem;
    border: 1px solid #e0e0e0;
    position: relative;
    background: #fff;
}
.y_xg_member_home_5{
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 0rem;
    transform: translate(-50%,-50%);
}
.y_xg_member_home_6{
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.y_xg_member_home_6 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.y_xg_member_home_7{
    position: absolute;
    top: -0.6rem;
    left: 50%;
    transform: translate(-50%,0%);
}
.y_xg_member_home_8{
    width: 100%;
    margin-top: 1.35rem;
}
.y_xg_member_home_9{
    width: 100%;
    text-align: center;
}
.y_xg_member_home_9 h2{
    font-size: 0.28rem;
    color: #000;
    font-weight: 400;
}
.y_xg_member_home_10{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.05rem;
}
.y_xg_member_home_10 p{
    font-size: 0.28rem;
    color: #7f7f7f;
    font-weight: 400;
    margin-right: 0.2rem;
}
.y_xg_member_home_10 img{
    height: 0.4rem;
    margin: 0rem 0.1rem;
}
.y_xg_member_home_11{
    padding: 0rem 0.65rem;
    margin: 0.2rem auto 0rem;
    width: 100%;
}
.y_xg_member_home_12{
    width: 100%;
}
.y_xg_member_home_13{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #009fe8;
    height: 0.7rem;
    border-radius: 0.5rem;
    padding: 0rem 0.3rem;
}
.y_xg_member_home_13 h2{
    font-size: 0.3rem;
    font-weight: 400;
    color: #fff;
}
.y_xg_member_home_14{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 0.3rem;
    width: 100%;
}
.y_xg_member_home_15{
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.2rem;
    padding-left: 0.3rem;
}
.y_xg_member_home_15 p{
    position: relative;
    color: #7f7f7f;
    font-size: 0.26rem;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_member_home_15 p::after{
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 0.05rem;
    border: 1px solid #000;
    content: '';
    left: -0.1rem;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.y_xg_member_home_15 p span{
    display: inline-block;
    margin: 0rem 0.1rem;
    font-size: 0.26rem;
    color: #000;
}
.y_xg_member_home_15 p img{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 1rem;
    overflow: hidden;
    object-fit: cover;
    margin-right: 0.1rem;
}
.y_xg_member_home_16{
    margin-bottom: 0.2rem;
}
.y_xg_member_home_16 img{
    width: 0.4rem;
    object-fit: contain;
}
.y_xg_member_home_17{
    margin-right: 0.2rem;
    color: #fff;
}
.y_xg_member_home_18{
    width: 100%;
    margin-top: 0.35rem;
}
.y_xg_member_home_19{
    padding-top: 0.4rem;
    height: 1.2rem !important;
    border-bottom: 0.07rem solid #080808;
}
.y_xg_member_home_19 img{
    width: 0.2rem;
}
.y_xg_member_home_19 .tomon{
    font-size: 0.36rem;
    color: #333;
}
.y_xg_member_home_19 li{
    font-weight: 600;
}
.y_xg_member_home_20{
    padding: 0rem 0.5rem;
    border: 1px solid #e0e0e0;
}
.y_xg_member_home_20 .date ol{
    border: none;
}
.y_xg_member_home_20 .date ul li{
    border-top: 1px solid #7f7f7f;
}
.y_xg_member_home_20 .no_date{
    background: none !important;
    color: #333 !important;
    line-height: 0.48rem;
    border-top: 1px solid #7f7f7f;
}
.y_xg_member_home_20 .date ul li i{
    display: none !important;
}
.y_xg_member_home_20 .date ul .act_date{
    border-radius: 0px !important;
    background: none !important;
    color: #333 !important;
}
.y_xg_member_home_20 .date ul .act_wk{
    color: #dd3152 !important;
}
.y_xg_member_home_20 .date ul .no_date:nth-child(1){
    color: #dd3152 !important;
}
.y_xg_member_home_20 .date ul li b{
    bottom: 30% !important;
    transform: translate(-50%,50%) !important;
}
.y_xg_member_home_20 .remark{
    margin: 0px 0px 20px !important;
    padding-bottom: 0px !important;
}
.y_xg_member_home_20 .mark{
    height: 12px !important;
    width: 12px !important;
}
.y_xg_member_home_20 .remark .eg{
    padding-left: 10px !important;
}
.y_xg_member_home_21{

}
.y_xg_member_home_22{
    margin-bottom: 0px;
    margin-top: 0px;
    height: 1.4rem;
    align-items: center;
    padding: 0rem 0.5rem;
}
.y_xg_member_home_22 .y_homepage29{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.y_xg_member_home_22 .y_homepage29 img{
    width: 0.8rem;
    height: 0.8rem;
    margin: 0px;
}
.y_xg_member_home_22 .y_homepage29 p{
    color: #fff;
    font-size: 0.3rem;
    font-weight: 400;
    margin-left: 0.15rem;
}
.y_xg_member_home_23 img{
    width: 0.45rem;
    height: auto;
    margin-top: 0px;
}
.y_xg_member_home_24{
    border: 1px solid #e0e0e0;
}
.y_xg_member_home_24 ul li{
    border: 1px solid #029fe8;
}
.y_xg_member_home_24 ul .exercise{
    background: #029fe8;
}
.y_xg_member_home_25{
    padding: 0rem 0.4rem;
    height: 1.3rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_member_home_26{
    width: 100%;
}
.y_xg_member_home_26 h2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.24rem;
    color: #029fe8;
    font-weight: 400;
}
.y_xg_member_home_26 h2 p{
    font-size: 0.24rem;
    color: #029fe8;
    font-weight: 400;
}
.y_xg_member_home_27{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.2rem;
}
.y_xg_member_home_27 .y_xl p{
    font-size: 0.24rem;
    color: #333;
    font-weight: 400;
}
.y_xg_member_home_29{
    padding-top: 0.4rem;
    border: 1px solid #e0e0e0;
}
.y_xg_member_home_30 .y_homepage39 ul{
    background: #ddf4ff;
}
.y_xg_member_home_30 .y_homepage39 ul li{
    color: #029fe8;
}
.y_xg_member_home_30 .y_dataxztwo2{
    background: #ddf4ff;
}
.y_xg_member_home_30 .y_dataxztwo2 p{
    color: #029fe8;
}
.y_xg_member_home_30 .y_homepage39{
    border: 1px solid #ddf4ff !important;
}
.y_xg_member_home_31{
    padding: 0rem 0rem;
}
.y_xg_member_home_32{
    padding: 0.2rem 0.4rem;
}
.y_xg_member_home_31 .y_xg_member_home_32:nth-child(2n){
    background: #eff7f9;
}
.y_xg_member_home_32 .y_homepage41{
    padding-bottom: 0rem;
}
.y_xg_member_home_32 .y_homepage41 p{
    font-size: 0.3rem;
    color: #000;
    padding: 0.1rem 0rem;
}
.y_xg_member_home_34{
    border: 1px solid #ddf4ff;
}
.y_xg_member_home_34 .y_homepage51{
    padding: 0rem 0.4rem;
    height: 1.2rem;
    align-items: center;
}
.y_xg_member_home_34 .y_homepage54{
    border: 1px solid #029fe8;
}
.y_xg_member_home_34 .y_homepage56 p{
    font-size: 0.24rem;
    color: #999;
}
.y_xg_member_home_34 .y_homepage57 p{
    color: #029fe8;
}
.y_xg_member_home_34 .y_homepage53 p span:nth-child(2){
    color: #029fe8;
}
.y_xg_member_home_34 .y_homepage55 p{
    color: #029fe8;
}
.y_xg_member_home_35{
    padding: 0.1rem;
    background: #004097;
}
.y_xg_member_home_35 .y_homepage62{
    margin: 0rem;
    padding: 0.3rem 0.4rem 0.9rem;
}
.y_xg_member_home_35 .y_homepage60 p{
    color: #029fe8;
}
.y_xg_member_home_35 .y_homepage61{
    font-size: 0.26rem;
    color: #999;
    font-weight: 400;
}
/* 资料编辑 */
.y_xg_data_editing_1{
    padding: 1rem 0.25rem 0.2rem;
}
.y_xg_data_editing_2{
    width: 100%;
}
.y_xg_data_editing_3{
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.5rem;
}
.y_xg_data_editing_3 .up_h_b{
    width: 100%;
    height: 100%;
}
.y_xg_data_editing_3 .up_h_b img{
    width: 100%;
    object-fit: contain;
    display: block;
}
.y_xg_ftf_appointment_1{
    width: 100%;
}
.y_xg_ftf_appointment_2{
    border: 1px solid #ddf4ff;
}
.y_xg_ftf_appointment_2 .y_ftfz p{
    font-size: 0.3rem;
    font-weight: 600;
    color: #000;
}
.y_xg_ftf_appointment_2 .y_ftfz2{
    border: 1px solid #029fe8;
}
.y_xg_ftf_appointment_2 .y_ftf11 p{
    background: none;
}
.y_xg_ftf_appointment_2 .y_ftf11 .yftfback1{
    background: url(../images/xg_icon_37.png) no-repeat;
    background-size: 100% 100%;
}
/* 预约时间 */
.y_xg_appointment_tiem_1 .y_mycurric{ 
    border: 1px solid #ddf4ff;
}
.y_xg_appointment_tiem_1 .y_mycurric2{
    height: 1rem;
    align-items: center;
    border-bottom: 1px solid #10a5e9;
} 
.y_xg_appointment_tiem_2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
} 
.y_xg_appointment_tiem_2 .y_mycurric3{
    flex: 1;
    margin-left: auto;
    align-items: center;
}
.y_xg_appointment_tiem_2 .y_mycurric4{
    height: 100%;
    display: flex;
    align-items: center;
}
.y_xg_appointment_tiem_2 .y_mycurric4 p span{
    font-size: 0.45rem;
    color: #4dbcef;
}
.y_xg_appointment_tiem_3{
    width: 1.3rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    overflow: hidden;
    margin-right: 0.3rem;
}
.y_xg_appointment_tiem_3 img{
    width: 100%;
    object-fit: cover;
    height: 100%;
    margin: 0rem;
}
.y_xg_appointment_tiem_4{
    display: flex;
    height: 100%;
    align-content: center;
    flex-wrap: wrap;
}
.y_xg_appointment_tiem_4 p:nth-child(1){
    width: 100%;
    font-size: 0.26rem;
    color: #000;
}
.y_xg_appointment_tiem_4 p:nth-child(2){
    width: 100%;
    font-size: 0.26rem;
    color: rgba(0,0,0,0.5);
    margin-top: 0.1rem;
}

/* 首页修改 */
.y_mall_xg_1{
    flex: 1;
    display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.y_mall_xg_2{
    margin-left: 0.3rem;
    height: 100%;
    display: flex;
    width: 1.3rem;
    align-items: center;
    justify-content: center;
}
.y_mall_xg_2 p{
    font-size: 0.26rem;
    color: #fff;
    background: #019fe8;
    line-height: 0.5rem;
    width: 100%;
    border-radius: 0.1rem;
    text-align: center;
}
.y_mall_xg_3{
    width: 100%;
    height: 0.6rem;
}
.y_mall_xg_3 h2{
    font-size: 0.28rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.3rem;
    font-weight: 600;
}
.y_mall_xg_4{
    margin-top: 0.2rem;
    width: 100%;
}
.y_mall_xg_4 p{
    font-size: 0.2rem;
    color: #999;
    font-weight: 600;
}
.y_mall_xg_5 p{
    font-size: 0.48rem;
    color: #e56630;
    font-weight: 400;
}
.y_mall_xg_5 span{
    font-size: 0.24rem;
    display: inline-block;
    margin-left: 0.05rem;
}